<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    
    <div class="header-wrap">
        <div class="header-logo">
            <h1>
                <a href="#" title="学习猿地">学习猿地</a>
            </h1>
        </div>
        <div class="header-search">
            <input type="text" placeholder="请输入关键字">
            <button>搜索</button>
        </div>
        <div class="btn-hide">
            &#9776
        </div>
    </div>

    <!-- 导航栏 -->
    <nav class="nav-wrap">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">展会概括</a></li>
            <li><a href="#">展会服务</a></li>
            <li><a href="#">观众服务</a></li>
            <li><a href="#">展览场馆</a></li>
            <li><a href="#">同期活动</a></li>
            <li><a href="#">下载中心</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </nav>

    <!-- 轮播图 -->
    <div class="banner-wrap">
        <div class="banner-img">
            <!-- <a href="#"><img src="./img/1.jpg" alt="1.png"></a>
            <a href="#"><img src="./img/2.jpg" alt="2.png"></a>
            <a href="#"><img src="./img/3.jpg" alt="3.png"></a> -->
        </div>
        <div class="thumnail">
            <!-- <img src="./img/1.jpg" alt="1.png">
            <img src="./img/2.jpg" alt="2.png">
            <img src="./img/3.jpg" alt="3.png"> -->
        </div>
        <div class="banner-btn">
            <div class="pre"><</div>
            <div class="next">></div>

        </div>

    </div>

    <!-- 倒计时 -->
    <div class="countdown">
        <span>距离距IAA开始倒计时</span>
        <span class="d">0</span>
        <span>天</span>
        <span class="h">00</span>
        <span>:</span>
        <span class="m">00</span>
        <span>:</span>
        <span class="s">00</span>
    </div>
    
    <!-- 最新新闻 -->
    <div class="news-wrap">
   <!--   <div class="news-item">
            <div class="news-img">
                <img src="./img/1.jpg" alt="" onerror="onerror=null;src='./img/error.jpg'">
            </div>
            <h3>这是标题</h3>
            <p>Focused on exceeding consumer expectations, STAR offers safe, secure and flexible debit transactions through new and existing channels such as digital wallets, ATMs and point-of-sale</p>
            <p>2021-18-12</p>
        </div>
-->
    </div> 

    <!-- 关于我们 -->
    <div class="md-tit">关于我们</div>
    <div class="aboout-wrap">
        <div class="left-about">
            <h4>2021大湾区汽车先进制造技术大会暨展览会</h4>
            <p>为充分发挥粤港澳地区的综合优势，深化粤港澳合作，推进粤港澳大湾区建设，高水平参与国际合作，提升在国家经济发展和全方位开放中的引领作用，大湾区是中国开放程度最高、经济活力最强的区域</p>
            <p>2021大湾区汽车先进制造技术大会暨展览会将于2021年12月8-10日在深圳国际会展中心举办。集聚粤港澳大湾区的综合优势，聚焦汽车制造业转型升级和高质量发展。新一代信息技术、人工智能、工业互联网等高新科技与传统汽车制造业深度融合的汽车先进制造技术将重塑和再造全球汽车制造业的未来。2021大湾区国际汽车先进制造技术大会暨展览会将重点探讨汽车制造四大工艺（冲压、焊装、涂装、总装）的最新车间规划、新技术应用、新工艺、新设备智能制造在汽车生产中的应用和未来趋势等制造热点话题。共同推动中国汽车制造技术的飞速发展！</p>
        </div>
       
        <div class="right-about">
            <img src="https://z3.ax1x.com/2021/10/02/4HLQII.jpg" alt="">
        </div>
       
    </div>

    <!-- 赞助商 -->
    <div class="md-tit">赞助合作品牌</div>
    <div class="sponsors-wrap">
        <ul>
            <li class="sponsors-active">轿车</li>
            <li>跑车</li>
            <li>皮卡</li>
            <li>多用途汽车</li>
        </ul>

        <div class="spronsors-control" style="display: block;">
            <div class="sponsors-con">
                <div class="sponsors-item">
                    <img src="./img/car/porsche-thumbnail (1).png" alt="">
                     <h4>跑车1号</h4>
                     <p>特斯拉</p>
                </div>

                <div class="sponsors-item">
                    <img src="./img/car/porsche-thumbnail (2).png" alt="">
                     <h4>跑车1号</h4>
                     <p>雪铁龙</p>
                </div>
                <div class="sponsors-item">
                    <img src="./img/car/porsche-thumbnail (3).png" alt="">
                     <h4>跑车1号</h4>
                     <p>凌志</p>
                </div>
                <div class="sponsors-item">
                    <img src="./img/car/porsche-thumbnail (4).png" alt="">
                     <h4>跑车1号</h4>
                     <p>大众</p>
                </div>
             </div>
             
        </div>


        <div class="spronsors-control">
            <div class="sponsors-con">
                <div class="sponsors-item">
                     2
                </div>
                 <div class="sponsors-item ">
                     2
                 </div>
                 <div class="sponsors-item ">
                     3
                 </div>
                 <div class="sponsors-item ">
                     4
                 </div>
             </div>
        </div>

        <div class="spronsors-control">
            <div class="sponsors-con">
                <div class="sponsors-item">
                     3
                </div>
                 <div class="sponsors-item ">
                     2
                 </div>
                 <div class="sponsors-item ">
                     3
                 </div>
                 <div class="sponsors-item ">
                     4
                 </div>
             </div>
        </div>

        <div class="spronsors-control">
            <div class="sponsors-con">
                <div class="sponsors-item">
                     4
                </div>
                 <div class="sponsors-item ">
                     2
                 </div>
                 <div class="sponsors-item ">
                     3
                 </div>
                 <div class="sponsors-item ">
                     4
                 </div>
             </div>
        </div>


    </div>

    <!-- 表单 -->
    <form action="">
        <div class="tic-form">
            <div class="form-wrap">
                <h2>预约订票</h2>
                <p>For more information on STAR and other Fiserv solutions call us at 800-872-7882 or click below.  </p>
                <div class="form-control">
                    <div class="left-control-wrap">
                        <div class="tic-name">
                            <label for="tic-name">姓名:</label>
                            <input type="text" id="tic-name" name="tic-name">
                            <span class="vail-from"></span>
                        </div>

                        <div class="tic-time">
                            <label for="tic-time">参观时间:</label>
                            <select name="tic-time" id="tic-time" name="tic-time">
                                <option value="">请选择</option>
                                <option value="11">9月11日</option>
                                <option value="12">9月12日</option>
                                <option value="13">9月13日</option>
                            </select>
                            <span class="vail-from"></span>
                        </div>                       
                    </div>

                    <div class="right-control-wrap">
                        <div class="tic-cont">
                            <label for="tic-cont">联系方式:</label>
                            <input type="text" id="tic-cont" name="tic-cont" >
                            <span class="vail-from"></span>
                        </div>

                        <div class="tic-atten">
                            <label for="tic-atten">参观人数:</label>
                            <input type="text" id="tic-atten" name="tic-atten">
                            <span class="vail-from"></span>
                        </div>
                    </div>
                </div>


                <div class="form-btn">
                    <button type="submit" class="submit-btn">提交</button>
                </div>
            </div>

   
        </div>
    </form>

        <!-- 社交媒体 -->
        <div class="md-tit">社交媒体</div>
        <div class="media-wrap">
            <ul class="media-item">
                <li><img src="./img/car/porsche-thumbnail (1).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (2).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (3).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (4).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (5).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (6).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (7).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (8).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (1).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (2).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (3).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (4).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (5).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (6).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (7).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (8).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (1).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (2).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (3).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (4).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (5).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (6).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (7).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (8).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (1).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (2).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (3).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (4).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (5).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (6).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (7).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (8).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (1).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (2).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (3).png" alt=""></li>
                <li><img src="./img/car/porsche-thumbnail (4).png" alt=""></li>
           
              
            </ul>
        </div>

        <!-- 版权 -->
        <div class="topic">
            关于IATW 2021 Copyright © 2021大湾区汽车先进制造技术大会暨展览会官网All rights reserved. 沪ICP备2020033742号
        </div>

        <!-- 首页加载动画 -->
        <div class="animate">
            <div class="animate-wrap">
                <div class="big">
                    <div class="one">
                        <div class="two">
                        </div>
                    </div>
                </div>
                <div class="animate-txt">
                    <span class="txt1">加</span>
                    <span class="txt2">载</span>
                    <span class="txt3">中</span>
                    <span class="txt4">.</span>
                    <span class="txt5">.</span>
                    <span class="txt6">.</span>
                </div>
            </div>
           
        </div>

    <script src="./js/axios.js"></script>
    <script src="./js/jquary.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>


